<template>
  <view class="u-padding-all">
    <u-card title="订单信息">
      <view class="u-row u-padding-all">
        <view class="u-col u-text-left">订单号：</view>
        <view class="u-col u-text-right">{{ orderNumber }}</view>
      </view>
      <view class="u-row u-padding-all">
        <view class="u-col u-text-left">创建者：</view>
        <view class="u-col u-text-right">{{ creator }}</view>
      </view>
      <view class="u-row u-padding-all">
        <view class="u-col u-text-left">状态：</view>
        <view class="u-col u-text-right">{{ status }}</view>
      </view>
    </u-card>
    <u-list title="订单详情">
      <u-list-item title="商品名称" ></u-list-item>
      <u-list-item title="商品价格" ></u-list-item>
    </u-list>
    <u-button v-if="status === '未接受'" type="primary" @click="acceptOrder">接受订单</u-button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      orderNumber: '123456',
      creator: '张三',
      status: '未接受',
      productName: '商品A',
      productPrice: '100元'
    };
  },
  methods: {
    acceptOrder() {
      // 调用后端API接受订单
    }
  }
};
</script>